<template>
  <div class="page-index">
    <el-row>
      <!-- 左侧导航栏 -->
      <el-col :span="5">
        <side-menu></side-menu>
      </el-col>
      <!-- 右侧方块区域 -->
      <el-col :span="19">
        <life></life>
      </el-col>
    </el-row>
    <!-- Tab栏切换：有格调 -->
    <el-row :span="24">
      <has-style></has-style>
    </el-row>
  </div>
</template>

<script>
import sideMenu from "@/components/index/menu.vue";
import life from "@/components/index/life.vue";
import hasStyle from "@/components/index/hasStyle.vue";

export default {
  components: {
    sideMenu,
    life,
    hasStyle,
  },
};
</script>

<style lang="scss">
@import "@/assets/css/index/index.scss";
</style>
